// scss混合器

// 清除浮动
@mixin clearfix {
  &::after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    clear: both;
  }
}

//多行文本文字超过行数限制后显示省略号
@mixin text-ellipsis($line-clamp) {
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-line-clamp: $line-clamp;
}

// 单行文本超出显示省略号
@mixin text-ellipsis-single {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
